<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <style>
        .content{
            width: 400px;
            height: 200px;
            display: block;
            margin: 50px auto;
        }
    </style>
</head>
<body>
    <textarea class="content" autofocus cols="30" rows="10"></textarea>
</body>
<script>
    var content = document.getElementsByClassName("content")[0];

    //键盘事件的事件对象
    // key   按键对应的字符
    // code  按键对应的键盘符
    // which/keyCode  在 keydown,keyup中返回的按键对应的键盘码   
    //                在 keypress中返回的按键对应的ASCII码 

    // isComposing  是否正在输入中文 (keydown和keyup中使用)

    // 快捷发送消息  ctrl + enter

    // content.onkeydown = function(e){ // 所有按键均可触发 => which/keyCode 注意按键
    //     var e = e || window.event;
    //     console.log(e.key,e.code,e.which);


    //     if(e.ctrlKey && e.which == 13){
    //         console.log("快捷发送");
    //     }else if(e.ctrlKey && e.shiftKey && e.which == 73){
    //         console.log("打开控制台");
    //     }
    // }


    // onkeypress中自带 ctrl+enter 快捷键 => 10
    content.onkeypress = function(e){  // 打印字符相关可以触发
        var e = e || window.event;
        // console.log(e);
        // console.log(e.key,e.code,e.which);
        console.log(e.which);
    }



</script>
</html>